<!DOCTYPE html>
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-model="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>属性绑定和双向数据绑定</title>
    <script src="./vue.js"></script>
</head>
<body>

<div id="root">
<!--    属性绑定-->
<!--    <div v-bind:title="title">hello world</div>-->
<!--    v-bind缩写:-->
    <div :title="title">hello world</div>


<!--    双向数据绑定-->
    <input v-model:value="content"/>
    <div>
         {{content}}
    </div>
</div>

<script>
    new Vue({
        el:"#root",
        data:{
            title:"this is hello world",
            content:"this is content"
        }
    })
</script>
</body>
</html>